@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
body {margin: 0px;padding: 0px;min-width:1200px;}

/*相关样式*/
.MagicZoomBox { background:#fff;}
/*.MagicZoomBox span { background:url(../img/x1.jpg) repeat}//鼠标移动的背景图片*/
                                                                   .MagicZoomSum span { border:1px solid #ddd;}
.MagicZoomSum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; top:4px; position:absolute; left:0; text-decoration:none; color:#999;}
.showpage .next { left:auto; right:-40px;}
.showpage a:hover { background:#ccc; color:#777;}
body.product-detail .product-detail-content{
    padding: 20px;
}
.showSum{

}
.tsShopContainer{
    width: 420px;
    height: 420px;
    border: solid 1px #E3E3E3;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    float: left;
}
.showBox{
    width: 400px;
    height: 400px;

}
.showBox.loadings{
    overflow: hidden;
}
.showBox.loadings img{
    max-width: 400px;
    max-height: 400px;

}
.showBox a{
    margin:0 auto;
}
/*小图与大图的间距*/
#showSum{
    margin-top: 10px;
    margin-left: 13px;
}



.MagicZoomSum span.sel{
    border-color: #f56515;
}
.MagicZoomSum span{
    border: 1px solid #E3E3E3;
}
/*如果direction  属性是 Y 将showpage 的class 设置为 pageList MagicZoomSum*/
.MagicZoomSum.panelY {
    float: left;
    left: 0;
    margin-right:10px;
    top:20px;
    width:72px
}
.pageList{
    width: 70px;
    text-align: center;
    position: absolute;
}
.pageList a{
    height: 20px;
    display: inline-block;
    width: 70px;
    left: 0;
    position: absolute;
    background-color: #f7f7f7;
    line-height: 22px;
}
.pageList i{
    font-size: 22px;
}
.pageList .next{
    top:414px;
    right: 0;
}
.pageList .last{
    top:-7px;
}
.MagicZoomSum.panelX {
    float: left;
    left: 20px;
    margin-bottom:10px;
}